<?php echo '<?xml version="1.0" encoding="Windows-1250"?>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Expediente Electr&oacute;nico del PEA</title>
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="all" />
	<link type="text/css" href="css/redmond/jquery-ui-1.8.4.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>

        <!-- Protonotes -->
        <script src="http://www.protonotes.com/js/protonotes.js" type="text/javascript"></script>
        <script type="text/javascript">
        var groupnumber="qgR8jwNsQULB";
        var show_menubar_default=false;
        </script><!-- close Protonotes -->
        
    </head>
    <body>
        <div id="header">
	    <div class="wrap">
                <h1 class="logo"><a href="index.html">PEA</a></h1>

                <div class="you">
                    <ul class="logged_in">
                        <li>Thirsa Sili&eacute;zar Rodas</li>
                        <li><a href="/logout.html">salir &raquo;</a></li>
                    </ul>
                </div><!-- close .you -->
		
	    </div><!-- close .wrap -->
	    
	    <ul class="tab">
		<li><a href="index.html"><span>Inicio</span></a></li>
		<li><a href="persons.html"><span>Personas</span></a></li>
		<li class="active"><a href="groups.html"><span>Grupos</span></a></li>
		
	    </ul>
	    	 
	</div><!-- close #header -->
	
	<div id="topcontent">
	    <div class="wrap">
		
		<h1 class="module_name">Grupos</h1>
		
		<ul>
		    <li><a class="module_operation" href="group-new.html"><img src="img/add.jpg"/>Agregar nuevo grupo</a></li>
		</ul>
		
		<div class="module_search">
		    <input type="text" class="module_search" />&nbsp;<input type="button" value="Buscar" />
		</div>
		
		<div class="clearfloat"></div>
	    </div><!-- close .wrap -->
	</div><!-- close #topcontent -->
	
	<div id="content">
	    <div class="wrap">
		
		<div class="left_panel">
		    <img class="photo" src="img/group.png" />
		    <ul>
			<li><a class="content_operation" href="group-edit.html"><img src="img/edit.png"/>Modificar</a></li>
		    </ul>
		</div>

		<div class="right_panel">
		    <h3 class="content_title">Voluntarios</h3>

		    <div id="content_tabs">
			<script type="text/javascript">
			$(function(){
				// Declara los tabs en JQuery
				$('#content_tabs').tabs();
			});
			</script>

			<ul>
				<li><a href="#profile">Perfil</a></li>
				<li><a href="#members">Miembros</a></li>
				<li><a href="#groups">Grupos</a></li>
				<li><a href="#files">Archivos</a></li>
			</ul>
			<div id="profile">
			    <table>
					<tr>
						<th>Nombre:</th>
						<td>Voluntarios</td>
					</tr>
					<tr>
						<th>Descripci&oacute;n:</th>
						<td>Grupo conformado por los facilitadores del programa</td>
					</tr>
					<tr>
						<th>Fecha de Inicio:</th>
						<td>30-01-2010</td>
					</tr>
					<tr>
						<th>Fecha de finalizaci&oacute;n:</th>
						<td>29-05-2010</td>
					</tr>
			    </table>
			    <div id="comments"> <h4>Anotaciones</h4>
					<div class="comment-number"> 
						<span>2 anotaciones</span> 
					</div><!--end comment-number--> 
					<ol class="commentlist"> 
						<li class="comment even thread-even depth-1" id="comment-34" > 
							<div class="c-grav"><img alt='' src='img/person_thumb.png'/></div> 
							<div class="c-body"> 
								<div class="c-head"> 
									<a href="#">Vivian Villalta</a> el 04/07/2010 a las 08:35 p.m. escribi&oacute;:
								</div> 
								<p>Ya se encuentra disponible una nueva versi&oacute;n de los perfiles de puestos en la secci&oacute;n de archivos de este grupo. Por favor revisar y realizar sus observaciones.</p>
								<div class="reply"> 
								</div> 
							</div><!--end c-body--> 
						</li> 
						<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-35" > 
							<div class="c-grav"><img alt='' src='img/person_thumb.png'/></div>
							<div class="c-body">
								<div class="c-head"> 
									<a href="#">Elvira Garc&iacute;a</a> el 25/05/2010 a las 06:07 p.m. escribi&oacute;:
								</div> 
								<p>Se cancela la reuni&oacute;n general del 25 de mayo por falta de quorum.</p> 
								<div class="reply"> 
								</div> 
							</div><!--end c-body--> 
						</li> 
					</ol> 
				</div><!--end comments--> 
				<div id="respond"> 
					<div class="cancel-comment-reply"> 
						<small><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">Clic para cancelar respuesta.</a></small> 
					</div> 
					<h4 id="postcomment">Realizar una anotaci&oacute;n</h4> 
					<form action="" method="post" id="commentform"> 
						<fieldset>
                                                    <div class="protected_info"><strong>Atenci&oacute;n:</strong> esta informaci&oacute;n es protegida.</div>
							<textarea name="comment" id="comment" cols="78" rows="10" tabindex="4"></textarea> 
							<input name="submit" type="submit" id="submit" tabindex="5" value="Agregar Anotaci&oacute;n" /> 
						</fieldset> 
					</form><!--end commentform--> 
				</div><!--end respond--> 			    
			</div>
			
			<div id="members">
			<div class="result_panel">
                    <table class="result_table">
                        <tbody>
                            <tr>
                                <td rowspan="4" class="result_photo"><img src="img/person_thumb.png" width="50" height="50" alt="051034"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a href="person.html">Alexis Serrano Rodr&iacute;guez</a></td>
                                <td class="result_action"><a class="content_operation" href="person.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Identificaci&oacute;n:</td>
                                <td class="result_data">1-1234-0567</td>
                                <td class="result_action"></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Expediente:</td>
                                <td class="result_data">051034</td>
                                <td class="result_action"></td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>

                            <tr>
                                <td rowspan="4" class="result_photo"><img src="img/person_thumb.png" width="50" height="50" alt="051035"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a class="content_operation" href="person.html">Alejandra Ram&iacute;rez Zeled&oacute;n</a></td>
                                <td class="result_action"><a class="content_operation" href="person.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Identificaci&oacute;n:</td>
                                <td class="result_data">1-1020-0304</td>
                                <td class="result_action"></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Expediente:</td>
                                <td class="result_data">051035</td>
                                <td class="result_action"></td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>

                        </tbody>
                    </table>

                </div><!-- close .result_panel -->
			</div>
		    <div id="groups">
				<div class="result_panel">
				<h4>Este grupo tiene los siguientes subgrupos:</h4>
                    <table class="result_table">
                        <tbody>
                            <tr>
                                <td rowspan="3" class="result_photo"><img src="img/group_thumb.png" width="50" height="50" alt="voluntarios"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a class="content_operation" href="group.html">Estudios Sociales</a></td>
                                <td class="result_action"><a class="content_operation" href="group.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Descripci&oacute;n:</td>
                                <td class="result_data">Grupo conformado por los facilitadores de Estudios Sociales y Formaci&oacute;n Ciudadana.</td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>  
                            <tr>
                                <td rowspan="3" class="result_photo"><img src="img/group_thumb.png" width="50" height="50" alt="estudiantes"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a class="content_operation" href="group.html">Matem&aacute;ticas</a></td>
                                <td class="result_action"><a class="content_operation" href="group.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Descripci&oacute;n:</td>
                                <td class="result_data">Grupo conformado por los facilitadores de Matem&aacute;ticas y F&iacute;sica-Matem&aacute;tica.</td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>                      

                        </tbody>
                    </table>
                    <h4>Este grupo pertenece a los siguientes grupos:</h4>
                    <table class="result_table">
                        <tbody>
                            <tr>
                                <td rowspan="3" class="result_photo"><img src="img/group_thumb.png" width="50" height="50" alt="voluntarios"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a class="content_operation" href="group.html">PEA</a></td>
                                <td class="result_action"><a class="content_operation" href="group.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Descripci&oacute;n:</td>
                                <td class="result_data">Grupo conformado por todas las personas involucradas con el PEA, sean voluntarios o estudiantes.</td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>  
                        </tbody>
                    </table>
                
                </div> <!-- close .result_panel -->
		    </div>
		    <div id="files">
				<div class="filedownload">
					<table>
					<thead>
						<tr>
							<th>Nombre</th><th>Fecha</th><th>Usuario</th><th>Categor&iacute;a</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Cuestionario I-2010<span class="filename">cuestionario.doc</span></td>
							<td>10-08-2010</td>
							<td><a class="content_operation" href="person.html">egarcia</a></td>
                                                        <td><div class="protected_info">Protegido</div></td>
							<td><a class="content_operation" href="#"><img src="img/download.jpg"/>Descargar</a></td>
							<td><a class="content_operation" href="#"><img src="img/delete.jpg"/>Eliminar</a></td>
						</tr>
						<tr>
							<td>Fotograf&iacute;a<span class="filename">foto.jpg</span></td>
							<td>02-08-2010</td>
							<td><a href="person.html">asura</a></td>
                                                        <td><div class="public_info">P&uacute;blico</div></td>
							<td><a class="content_operation" href="#"><img src="img/download.jpg"/>Descargar</a></td>
							<td><a class="content_operation" href="#"><img src="img/delete.jpg"/>Eliminar</a></td>
							<td><input type="checkbox" checked="checked">Imagen del perfil</input></td>
						</tr>
					</tbody>
					</table>
				</div> <!-- close .filedownload -->
				<div class="fileupload">
					<h4>Subir un nuevo archivo</h4>
					<table>
					<tbody>
						<tr>
							<th>Archivo:</th><td><input type="file" /></td>
						</tr>
						<tr>
							<th>Descripci&oacute;n:</th><td><input type="text" /></td>
						</tr>
						<tr>
							<th>Categor&iacute;a:</th>
							<td>
                                                            <div class="internal_info"><input type="radio" name="file_category" value="internal">Interno: el archivo s&oacute;lo ser&aacute; visible por los usuarios que cuentan con acceso administrativo.</input></div>
								<div class="protected_info"><input type="radio" name="file_category" value="protected">Protegido: el archivo s&oacute;lo ser&aacute; visible por los miembros del grupo y los usuarios con acceso administrativo.</input></div>
								<div class="public_info"><input type="radio" name="file_category" value="public">P&uacute;blico: el archivo ser&aacute; visible para todos los usuarios, aunque no sean miembros del grupo. Una imagen debe ser p&uacute;blica para establecerla como imagen del perfil.</input></div>
							</td>
						</tr>
					</tbody>
					</table>
					<div>
						<input type="button" value="Subir el archivo" />&nbsp;<a href="#">Cancelar</a>
					</div>
				</div> <!-- close .fileupload -->
		    </div> <!-- close #files -->


		</div>
	    
	    </div><!-- close .wrap -->
	</div><!-- close #content -->
	
	<div id="footer">
	    <div class="wrap">
		
		&copy; 2010 bajo <a href="http://www.opensource.org/licenses/mit-license.php" target="_blank">licencia MIT</a><br/>
		para el Programa de Educaci&oacute;n Abierta Vida Abundante
	    
	    </div><!-- close .wrap -->
	</div><!-- close #content -->
	
      </body>
</html>
